<div>
  <h2 class="example-h2">Checkbox configuration</h2>
  <section class="example-section">
    <md-checkbox class="example-margin" [(ngModel)]="checked">Checked</md-checkbox>

    <md-checkbox class="example-margin" [(ngModel)]="indeterminate">Indeterminate</md-checkbox>
  </section>

  <section class="example-section">
    <label class="example-margin">Align</label>

    <md-radio-group [(ngModel)]="align">
      <md-radio-button class="example-margin" value="start">Start</md-radio-button>
      <md-radio-button class="example-margin" value="end">End</md-radio-button>
    </md-radio-group>
  </section>

  <section class="example-section">
    <md-checkbox [(ngModel)]="disabled">Disabled</md-checkbox>
  </section>
</div>

<div>
  <h2 class="example-h2">Result</h2>

  <section class="example-section">
    <md-checkbox class="example-margin"
                 [checked]="checked"
                 [indeterminate]="indeterminate"
                 [align]="align"
                 [disabled]="disabled">
      I'm a checkbox
    </md-checkbox>
  </section>
</div>

